$(document).ready(function(){	
	  //首页选项卡切换	  
	   $('.pauimane').on('click','a',function(){	   	
	   	var indexid =$(this).parents('li').attr('data-id');
	 	 //不是当前ID内容清楚效果 		 
 		 $('.page-list').fadeOut(0);
 		 $('.pauimane li').removeClass('open'); 	 
 		  //当前ID内容的选中显示效果
 		 $('.page-list[data-id="'+indexid+'"]').fadeIn(250);
 		 $('.pauimane li[data-id="'+indexid+'"]').addClass('open');
	 });
	 
	 //选项卡关闭事件
	    $('.pauimane').on('click','.close',function(){ 	 
	  	 var prvid =$(this).parents('li').prev().attr('data-id'); 
	  	 var indexid =$(this).parents('li').attr('data-id'); 
	  	 //如果在另外页面删除。就先清除样式
	  	  $('.page-list').fadeOut(0);
 		 $('.pauimane li').removeClass('open'); 	  
	  	 //当删除了，就会跳到上一个选项卡
	  	 $(this).parents('li').prev().addClass('open');	  	 
	  	 $('.page-list[data-id="'+prvid+'"]').fadeIn(250);
	  	 //删除选项卡和IFRAME页面
		 $('.page-list[data-id="'+indexid+'"]').remove();
 		 $('.pauimane li[data-id="'+indexid+'"]').remove();
      });
      
      
	 //首页 点击图标事件

	 $('.page-indexui ').on('click','li',function(){ 	
	 	//获取当前文本值
	 	var idtext =$(this).find("span").text(); 	
	 	//获取当前DATA id
	 	var indexid =$(this).attr('data-id');
	 	// 准备生成的新选项卡
	 	var navhtml='<li data-id="'+indexid+'"><a href="javascript:void(0);"><span>'+idtext+'</span></a><em class="close">x</em></li>'
	 	
	 	//生成新的 IFRAME 页面 	
	 	var texthtml ='<div class="page-list" data-id="'+indexid+'">'
	 	             +'<iframe src="'+indexid+'.html" frameborder="0" id="external-frame" class="ifames" scrolling="no" style="min-height:580px;">'
                     +' <a href="javascript:void(0)">你的浏览器不支持iframe页面嵌套，请更换谷歌浏览器</a>'
                     +'</iframe></div>'
	 	
 		 if($('.pauimane li[data-id="'+indexid+'"]').length==1){
		 	
 		 $('.page-list[data-id="'+indexid+'"]').fadeIn(0);
 		 $('.pauimane li[data-id="'+indexid+'"]').addClass('open');
 		 }else{
 		 	 $('.pauimane').append(navhtml);	 
 		 $('.page-indo ').append(texthtml);
 		 }		 
 		 //不是当前ID内容清楚效果 		 
 		 $('.page-list').fadeOut(0);
 		 $('.pauimane li').removeClass('open'); 	 
 		   //当前ID内容的选中显示效果
 		 $('.page-list[data-id="'+indexid+'"]').fadeIn(250);
 		 $('.pauimane li[data-id="'+indexid+'"]').addClass('open');

	 });

	
});